<!DOCTYPE html>
<html>

<body>

    <head>
        <link rel="stylesheet" href="dist/css/applib.min.css">
        <style>
            .container {
                text-align: center;
            }

            #logoImg {
                display: inline-block;
            }
            body{
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background: #3394c9;
                background-image: url(../images/background/bg-header-2.jpg);
            }
        </style>
    </head>
        <div class="container">
            <h1 class="logo" id="logoContainer">
                <a href="/">
                    <span class="text">
                        <img id="logoImg" src="/images/CLoudBoostLogo-White-250.png" alt="CloudBoost">
                    </span>
                </a>
            </h1>
            <img style="margin-top:5%;" id="logoImg" src="/images/wifi.png" alt="offline">
            <h3 style="color:white;font-family: 'Signika',sans-serif;margin-top:8%">Uh Oh! Seems like you are offline! Please reconnect to internet.</h3>
        </div>
</body>

</html>